<template>
  <view style="position: relative; width: 100%; height: 100%;"> 
        <image   class="image zip-img" v-if="!isLoad" :src="prop.zipUrl"  />
        <image  class="image realImage"  :src="prop.url" @load="loadHandler" />
    </view>
</template>

<script setup>
const prop = defineProps(["zipUrl", "url"]);
const loadHandler = (e) => {
  isLoad.value=true
};
const isLoad=ref(false)
</script>

<style lang="scss">
.image {
  position:absolute ;
  left: 0;
  top: 0;
  width: 100%;
}
.zip-img{
  z-index: 2;
}
.realImage{
  z-index: 1;
}
</style>
